<!--
	the home view
-->

<div id="homeDiv" ng-controller="homeController" >
    
    <!-- Top image -->
    <div class="row">
        <div class="col-xs-12">
            <img id="homeImage" src="assets/img/headers/ss_web_maincontent_venue2.jpg" alt="kisat" class="img-responsive" draggable="false" />
        </div>
    </div>
    <br>
    <!-- Navigation blocks -->
    <div class="row">
        <div class="col-xs-4 no-padding-bottom" style="padding-right: 0px">
            <a href="#/program"><img src="assets/img/icons/whiteicon_program.png" class="img-responsive" alt="kuva" draggable="false"></a>             
        </div>
        <div class="col-xs-4 no-padding-bottom" style="padding-left: 7.5px; padding-right: 7.5px ">
            <a href="#/race-facts"><img src="assets/img/icons/whiteicon_race_facts.png" class="img-responsive" alt="kuva" draggable="false"></a>
        </div>
        <div class="col-xs-4 no-padding-bottom" style="padding-left: 0px">
            <a href="#/eat-drink"><img src="assets/img/icons/whiteicon_eat_drink.png" class="img-responsive" alt="kuva" draggable="false"></a>
        </div>
    </div>
    <br>
    <div class="row">
        
        <div class="col-xs-4 no-padding-bottom" style="padding-right: 0px">
            <a href="#/favorites"><img src="assets/img/icons/whiteicon_favorites.png" class="img-responsive" alt="kuva" draggable="false"></a>
        </div>
        <div class="col-xs-4 no-padding-bottom" style="padding-left: 7.5px; padding-right: 7.5px ">
            <a href="#/info"><img src="assets/img/icons/whiteicon_info.png" class="img-responsive" alt="kuva" draggable="false"></a>
        </div>
        <div class="col-xs-4 no-padding-bottom" style="padding-left: 0px">
            <a href="#/some"><img src="assets/img/icons/whiteicon_social_media.png" class="img-responsive" alt="kuva" draggable="false"></a>
        </div> 
    </div>
    <br>
</div>

